 $(document).ready(function(){
	 
	 
	 var urlGener = "http://localhost:8080/irssrecommendations";
	 var itemLink = "";
	 var intervalTemps = 60000;
	 var llistaSubscripcionsCarregada = false;
	 var ajaxAcabat = true;
	 var funcioAcabada = true;
	 var indexGlobal = 0;
	 /*
	  * Aquesta variable mantindra els links de 
	  * totes les subscripcions de l'usuari.
	  * 
	  * D'aquesta manera, quan haguem d'actualitzar, 
	  * ho farem d'una en una subscripcio, per tal
	  * de no carregar la memoria del sistema.
	  * 
	  */
	 
	 var llistaSubscripcionsSession = new Array();
	 
	 initLlistaSubscripcionsRecom();

	 //Metode per amagar i mostrar la cap�alera de la aplicacio
	 $("#minimitzarCapcalera").click(function(){
		 
		 var x = $("#recommendationsMainContent").height();
		 var y = $("#header").height();

		 if($("#header").is(":hidden")) 
		 {
			 $("#header").slideDown("slow");
			 $("#recommendationsMainContent").css("height",x-y);
			 $("#minimitzarCapcalera").html("Amaga capcalera");

		 }
		 else 
		 {
			 $("#header").slideUp("slow");
			 $("#recommendationsMainContent").css("height",x+y);
			 $("#minimitzarCapcalera").html("Mostra capcalera");

		 }
	 
	 });
	 function initLlistaSubscripcionsRecom(){
		 
		 var urlJSON= urlGener+"/Lector/MostrarLlistaSubscripcions";

		 $("#llistaSubscripcions").html("loading...");
		 
		 $.ajax({
			  url: urlJSON,
			  cache: false,
			  dataType: "json",
			  success: function(data){
			 
			 		$("#llistaSubscripcions").html("");
			 		carregarLlistaSubscripcionsRecom(data.liSubscripcions);
			 		llistaSubscripcionsCarregada = true;
			 	
			  }
		 });
	 }

	 function carregarLlistaSubscripcionsRecom(liSubscripcions){
	 		
	 		var i;

	 		$("#llistaSubscripcions").html("");
	 		
	 		for (i=0;i<liSubscripcions.length;i++)
	 		{
	 			var subscripcio = liSubscripcions[i];
	 			
	 			$("#llistaSubscripcions").append("<div id='"+subscripcio.id+"' class='feedRecommendationElem'> "+
	 												"<div id='feedRecommendationElemTitle' class='titleFeed'>"+subscripcio.feed.titol + "</div>" +
	 												"<div id='feedRecommendationElemLink' class='link'>"+subscripcio.feed.link + "</div>" +	
	 											"</div>");
	 			 				 			
	 			 $("#"+subscripcio.id).bind('click', function(){

	 				 //Esborrem el que hi hagi a itemContent si es que hi ha alguna cosa
	 				 $("#welcomeMessage").hide();
	 				 $("#examplesList").hide();
	 				 $("#contenidorItem").hide();
	 				 $("#contenidorTextMostrarItems").html("");				 
	 				 
	 				 var idSubscripcio = $(this).attr("id");
	 				 var feedTitol = $(this).children("#feedRecommendationElemTitle").html();

	 				 if (feedTitol.length>45)
	 				 {
	 					 feedTitol = feedTitol.substring(0,45);
	 					 feedTitol += "...";
	 				 }
	 				 $("#titolFeed").html(feedTitol);

	 				 				 
	 				 llistarLecturesSubscripcio(idSubscripcio);

	 			 });

	 		} 
	 }
	 
	 function llistarLecturesSubscripcio(idSubscripcio){
		 
		 //Mostrem totes les lectures (de moment) (ordenar per rellevancia?? per ex.)
		 var urlJSON= urlGener+"/Lector/MostrarSubscripcio?idSubscripcio=" + idSubscripcio + "&queMostrar=1";
		 
		 $("#llistaItemsSubscripcio").html("<h3>carregant...</h3>");

		 $.ajax({
			 url: urlJSON,
			 cache: true,
			 dataType: "json",
			 success: function(data){
				 mostrarLecturesSubscripcio(data.lectures);
			 }
		 });
		 

	 }

	 
	 function mostrarLecturesSubscripcio(lectures){

		 var i = 0;
		 $("#llistaItemsSubscripcio").hide();
		 $("#llistaItemsSubscripcio").html("");
		 
		 //Esborrem el que hi hagi a itemContent si es que hi ha alguna cosa
		 $("#contenidorItem").hide();
	 
		 for (i=0;i<lectures.length;i++)
		 {
			 var lectura = lectures[i];

			 $("#llistaItemsSubscripcio").append("<div class=\"elemllistaItemsSubscripcio\">" +
			 	"<a id=\""+lectura.id+"\" itemLink=\""+lectura.item.link+"\" subscripcioId=\""+lectura.subscripcio.id+"\">"+lectura.item.titol+"</a></div>");
			 $("#llistaItemsSubscripcio").slideDown("slow");
			 $("#contenidorItem").css({height:'75%'});
			 
			 $("#"+lectura.id).addClass("noLlegida");

			 //El comportament quan fem click sobre el item
			 $("#"+lectura.id).click(function() {
				 
				 generarContingutLectura($(this).attr("id"), false);
			 
			 }); 
		 }
		 $("#llistaItemsSubscripcio").show();

	 }
	 
	 function generarContingutLectura(idLectura, venimDeLlistaLecturesVotades)
	 {
	 	$("#contenidorItem").html("");
		$("#contenidorItem").show();
		$("#contenidorItem").html("<h3>carregant el contingut...</h3>");

		$("#mostrarPantallaCompleta").html("Amaga la llista d'items");
				
		$.ajax({
			url:  urlGener+"/Lector/MostrarLectura?idLectura=" + idLectura,
			cache: false, dataType: "json",
			success: function(data){

				var lectura = data.lectura;
			 	var numItems = lectura.subscripcio.numItemsNoLlegits;

			 	var botoValorada, botoLlegida;
			 	var opcionsContingut="";
			 	if (venimDeLlistaLecturesVotades==false)
			 	{
				 	if (lectura.valorada==true)
				 	{
				 		opcionsContingut = "<div id=\"opcionsContingutItem\">" +
//				 			"<div class=\"opcionsContingutItem\" id=\"marcarLlegidaONoLlegida_"+lectura.id+"\" value=\""+lectura.id+"\">Marca com no llegit</div>"+
//				 			"<div id=\"votarLectura_"+lectura.id+"\" value=\""+lectura.id+"\" class=\"opcionsContingutItemVotRed\">Treure vot</div>"+
				 			"</div>";
				 	}
				 	else
				 	{
				 		opcionsContingut = "<div id=\"opcionsContingutItem\">" +
//				 		"<div class=\"opcionsContingutItem\" id=\"marcarLlegidaONoLlegida_"+lectura.id+"\" value=\""+lectura.id+"\">Marca com no llegit</div>"+
//				 		"<div id=\"votarLectura_"+lectura.id+"\" value=\""+lectura.id+"\" class=\"opcionsContingutItemVot\">Afegir vot</div>"+
			 			"</div>";
				 	}
				 	
			 	}
			 	else
			 	{
			 		opcionsContingut = "";
			 	}
			 	

			 	$("#contenidorItem").addClass("contingutItem module2");			        

			 	$("#contenidorItem").html(
			 		"<div id=\"titolContingutItem\" >" +
			 			"<a href=\""+lectura.item.link+"\" target=\"_blank\">"+lectura.item.titol+"</a>" +
			 		"</div>" +
			 		"<div id=\"dataContingutItem\">Data de publicacio: "+lectura.item.dataPublicacioDisplay+"</div>" +
			 		"<div id=\"contingutContingutItem\">"+lectura.item.contingut+"</div>"+opcionsContingut);
		 					 
			}
		});
		 
	 }
	 
	 //Metode per amagar o mostrar la llista de items d'una subscripcio
	 $("#mostrarPantallaCompleta").click(function(){
		 
		 if($("#llistaItemsSubscripcio").is(":hidden")) 
		 {
			 $("#llistaItemsSubscripcio").slideDown("slow");
			 $("#contenidorItem").css({height:'75%'});
			 $("#mostrarPantallaCompleta").html("Amaga la llista d'items");

		 }
		 else 
		 {
			 $("#llistaItemsSubscripcio").slideUp("slow");
			 $("#contenidorItem").css({height:'90%'});
			 $("#mostrarPantallaCompleta").html("Mostra la llista d'items");
		 }
	 
	 });


	 $("#linkRecomPerson").click(function(){
		 
		 $("#textMainRec").html("Carregant la llista de clusters...");
			$.ajax({
				url:  urlGener+"/Clustering/GenerarClusters",
				cache: false, dataType: "json",
				success: function(data){
				
					$("#textMainRec").html("<p>Llista de clusters generada per l'usuari actual: </p>");
					
					for (i=0;i<data.clustersListString.length;i++)
					{
						var feedCluster = data.clustersListString[i];
						$("#textMainRec").append("<div id='clusterListTitol'>"+feedCluster.etiqueta+"</div>");
						$("#textMainRec").append("<div id='clusterListList'>"+feedCluster.llistaClusters+"</div>");
					}
					
			
				}
			
			});

	 });
	 
	 $("#gotoreader").click(function(){

		 window.location = $("#linkReader").attr("href");
		 
	 });
 
 });